page,
:host {
  --color-caption: #fff;
  --color-default: #333;
  --color-primary: #0079fe;
  --color-warn: #e6a23c;
  --color-info: #9c7d6b;
  --color-link: #3989ff;
  --color-line: #f2f2f2;
  --color-success: #67c23a;
  --color-background: #fafafa;
  --color-disabled: #dfdfdf;
  --color-danger: #FE3019;
  --color-gray: #888;
  --color-gray2: #cacaca;
  --repeating-linear: repeating-linear-gradient(
    135deg,
    var(--color-primary),
    var(--color-primary) 35rpx,
    #fff 35rpx,
    #fff 60rpx,
    var(--color-danger) 60rpx,
    var(--color-danger) 95rpx,
    #fff 95rpx,
    #fff 120rpx
  );
  font-family: PingFangSC-Regular, Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: var(--color-default);
}
view {
  box-sizing: border-box;
}

.view-hover {
  filter: opacity(0.6);
}
.navigator-hover {
  filter: opacity(0.6);
  background-color: transparent;
}

image {
  display: block;
  max-width: 100%;
  max-height: 100%;
}


.clearbtn {
  position: static;
  text-align: inherit;
  border-radius: initial;
  text-indent: initial;
  margin: initial;
  padding: initial;
  outline: initial;
  box-sizing: border-box;
  display: inline-block;
  line-height: inherit;
  height: initial;
  overflow: inherit;
  color: inherit;
  background-color: transparent;
  font-size: inherit;
  border: initial;
  font-weight: inherit;
}
.clearbtn::after, .clearbtn::before {
  content: none;
}
@each $color in ('default', 'primary', 'info', 'success', 'warn', 'danger', 'gray','gray2') {
  // 字体颜色
  .color-#{$color} {
    color: var(--color-#{$color});
  }

  // 背景
  .color-#{$color}-bg {
    background: var(--color-#{$color});
  }
}


switch,radio,checkbox{
  transform: scale(.8);
}
